<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	template="/themes/standard/template2.xhtml"
	xmlns:a4j="http://richfaces.org/a4j">

	<ui:define name="body">

		<a4j:form>

			<rich:toolBar id="buttonPanel">
				<a4j:commandButton value="Dodaj kurs"
					action="#{zarzadzanieKursami.nowy}" reRender="popup"
					oncomplete="Richfaces.showModalPanel('popup')">

				</a4j:commandButton>

				<a4j:commandButton value="Edytuj kurs" reRender="popup"
					action="#{zarzadzanieKursami.edycja}"
					oncomplete="Richfaces.showModalPanel('popup')"
					disabled="#{zarzadzanieKursami.selectedKurs == null}">

				</a4j:commandButton>
				
				<a4j:commandButton value="Lekcje" 
					action="#{zarzadzanieKursami.listaLekcji()}"
					disabled="#{zarzadzanieKursami.selectedKurs == null}">

				</a4j:commandButton>
				
			</rich:toolBar>
			<rich:extendedDataTable value="#{kursDataModel}" var="_kurs"
				selection="#{zarzadzanieKursami.selectedKurs}"
				noDataLabel="Brak Danych" id="tabela" rows="25">
				<a4j:support event="onselectionchange" reRender="buttonPanel" action="#{zarzadzanieKursami.select}"
					ajaxSingle="true">
				</a4j:support>

				<rich:column title="Nr" label="Nr" sortBy="#{_kurs.nrKursu}">
					<f:facet name="header">
						<h:outputText value="Nr" />
					</f:facet>
					<h:outputText value="#{_kurs.nrKursu}" />

				</rich:column>
				<rich:column title="Tytuł" label="Tytuł" sortBy="#{_kurs.tytul}" filterBy="#{_kurs.tytul}">
					<f:facet name="header">
						<h:outputText value="Tytuł" />
					</f:facet>
					<h:outputText value="#{_kurs.tytul}" />
				</rich:column>
				<rich:column title="Udostępniony" label="Udostępniony">
					<f:facet name="header">
						<h:outputText value="Udostępniony" />
					</f:facet>
					<h:outputText value="#{_kurs.widocznosc ? 'Tak' : 'Nie'}" />
				</rich:column>

				<rich:column title="Data modyfikacji" label="Data modyfikacji">
					<f:facet name="header">
						<h:outputText value="Data modyfikacji" />
					</f:facet>
					<h:outputText value="#{_kurs.dataArch}">
						<f:convertDateTime type="date" pattern="dd.MM.yyyy" />
					</h:outputText>

				</rich:column>


			</rich:extendedDataTable>
			

		</a4j:form>

		<rich:modalPanel id="popup" width="350" height="400">
			<f:facet name="header">
				<h:outputText value="Edycja Kursu" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGrid columns="2">
					<h:form>
						<a4j:commandButton value="Zamknij"
							onclick="Richfaces.hideModalPanel('popup')" />
					</h:form>

				</h:panelGrid>

			</f:facet>
			<a4j:outputPanel id="popupOutputPanel" ajaxRendered="true">
				<h:form enctype="multipart/form-data">
					<h:panelGrid columns="3">
						<h:outputLabel for="nr_kursu_popup" value="Nr kursu" />
						<h:inputText id="nr_kursu_popup"
							value="#{zarzadzanieKursami.edytowany.nrKursu}" required="true">
							<s:validate />
						</h:inputText>
						<h:message for="nr_kursu_popup" />


						<h:outputLabel for="tytul_popup" value="Tytuł" />
						<h:inputText id="tytul_popup"
							value="#{zarzadzanieKursami.edytowany.tytul}" size="30"
							required="true">
							<s:validate />
						</h:inputText>
						<h:message for="tytul_popup" />


						<h:outputLabel for="widocznosc_popup" value="Wyświetl na stronie" />
						<h:selectBooleanCheckbox id="widocznosc_popup"
							value="#{zarzadzanieKursami.edytowany.widocznosc}">
							<s:validate />
						</h:selectBooleanCheckbox>
						<h:message for="widocznosc_popup" />

					</h:panelGrid>

					<h:panelGrid columns="3">
						<h:outputLabel for="obrazek_popup" value="Obrazek na stronie" />
						<s:fileUpload id="obrazek_popup"
							data="#{zarzadzanieKursami.edytowany.image}"
							rendered="#{zarzadzanieKursami.edytowany.image eq null}" />

						<a4j:commandButton value="Usuń obrazek"
							rendered="#{zarzadzanieKursami.edytowany.image ne null}"
							action="#{zarzadzanieKursami.usunObrazek}"
							reRender="popupOutputPanel" />

						<h:message for="obrazek_popup" />
					</h:panelGrid>



					<h:panelGrid columns="1">

						<h:outputLabel value="Opis" for="opisPopup" />
						<h:inputTextarea id="opisPopup"
							value="#{zarzadzanieKursami.edytowany.opis}">
							<s:validate />
						</h:inputTextarea>
						<h:message for="opisPopup" />

						<h:commandButton id="submit"
							action="#{zarzadzanieKursami.zapiszKurs}" value="Zapisz"
							reRender="popupOutputPanel,tabela"
							oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('popup')}.hide();">
						</h:commandButton>
					</h:panelGrid>


				</h:form>
			</a4j:outputPanel>

		</rich:modalPanel>




	</ui:define>
</ui:composition>
